.page-base-box.form{
    ::v-deep{
        @include flexLayout(flex,normal,normal);
        width: 100%;
        height: 100%;
        flex-flow: column;
        .page-base-body{
            flex: 1;
            height: calc(100% - 44px - 28px);
            min-height: unset;
            background: unset;
            margin-top: 8px;
        }
        .page-base-header,
        .page-base-footer{
            flex: 0 0 auto;
            margin-top: 0;
        }
    }
}

.custom-tabs-box {
    position: relative;
    .btn-box {
        position: absolute;
        right: 0;
        top: 2px;
}
    ::v-deep {
        .el-tabs__nav {
            .el-tabs__item {
                &.is-disabled {
                    color: #303133!important;
                }
                &.is-active {
                    color: #de2728!important;
                }
            }
        }
    }
}

.page-base-box.form {
    ::v-deep {
        .el-tabs__nav {
            .el-tabs__active-bar {
                height: 4px;
                border-radius: 4px;
            }
        }
    }
}
.page-base-box.form.readOnly {
    .custom-tabs-box {
        height: 100%;
    }
    &.send {
        .custom-tabs-box {
            height: auto;
        }
    }
    .el-tabs {
        ::v-deep {
            .el-tabs__nav-scroll {
                height: 48px;
                @include flexLayout(flex,center,center);
            }
            .el-tabs__nav {
                .el-tabs__item {
                    height: 48px;
                    line-height: 48px;
                }
                .el-tabs__active-bar {
                    height: 4px;
                    border-radius: 4px;
                }
            }
        }
    }
    ::v-deep {
        .form-main__body.custom-form {
            background: #fff;
            padding: 20px 0;
            height: 100%;
            .readOnly-form {
                width: 843px;
                padding: 20px 14px 16px;
                border: 1px solid #C7CAD3;
                border-radius: 4px;
                margin: 0 auto 20px;
                .title {
                    font-size: 16px;
                    font-family: "PingFang SC Medium";
                    line-height: 22px;
                    color: #37383a;
                    margin: 0 0 15px 0;
                }

                div {
                    margin-bottom: 18px;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    @include flexLayout(flex, normal, normal);

                    .name {
                        font-size: 14px;
                        font-family: PingFang SC;
                        line-height: 20px;
                        color: #37383a;
                        margin-right: 20px;
                    }

                    .value {
                        font-size: 14px;
                        font-family: "PingFang SC Light";
                        line-height: 20px;
                        color: #37383a;
                        margin: 0;
                        width: calc(100% - 76px);
                        word-break: break-all;
                    }
                }
            }
            .custom-control-box {
                height: auto;
                .control-canvas-area {
                    width: 843px;
                    border: 1px solid #C7CAD3;
                    border-radius: 4px;
                }
            }
        }
    }

    &.send {
        ::v-deep {
            .form-main__body.custom-form {
                height: calc(100% - 202px);
            }
        }
    }
}
